﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="WeatherFrame.WeatherIcon"
	Width="90" Height="90"
    Name="Root"
    Foreground="White">
	<Grid>
        <Path x:Name="SunPath" Fill="{Binding Foreground,ElementName=Root}" Stretch="Uniform" Margin="10"/>
        <Path Name="MoonPath"  Fill="{Binding Foreground,ElementName=Root}" Stretch="Uniform" Margin="10"  Visibility="Collapsed"
		Data="M90,0 A 45,45 0 0 0 100,75 A 42,38 0 1 1 90,0 z" />
		<Grid>
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="*"  x:Name="CloudSunCol"/>
				<ColumnDefinition Width="6*"/>
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="*" x:Name="CloudSunRow"/>
				<RowDefinition Height="6*"/>
			</Grid.RowDefinitions>
		<Path Name="CloudSunPath" Visibility="Visible" Data="M22.5,0 C31.43,0 39.147,5.2 42.78,12.74  C35.18,18.88 33.43,27.61 35.2,31.27 C32.826855,30.363047 26.251305,29.197393 20.666468,31.741598 C16.303312,33.729259 13.251804,37.659176 12.308312,42.20406  C4.7613468,38.474236 0,31.043156 0,22.5 C0,10.073593 10.073593,0 22.5,0 z" 
		Fill="{Binding Foreground,ElementName=Root}" Margin="7.5,5.5,54.5,49.5" Stretch="Uniform" Grid.ColumnSpan="2" Grid.RowSpan="2" UseLayoutRounding="False"/>
            <Path Name="CloudSunPath2" Fill="{Binding Foreground,ElementName=Root}" Margin="1,1,52,48.5" Stretch="Uniform" Grid.ColumnSpan="2" Grid.RowSpan="2" UseLayoutRounding="False"/>
     <Path Name="CloudMoonPath" Visibility="Collapsed" Data="M90,0 A 45,45 0 0 0 100,75 A 42,38 0 1 1 90,0 z" 
		Fill="{Binding Foreground,ElementName=Root}" Margin="0,0,60,58" Stretch="Uniform" Grid.ColumnSpan="2" Grid.RowSpan="2"/>
		<Grid Grid.Column="1" Grid.Row="1">
			<Grid.RowDefinitions>
				<RowDefinition Height="14*"/>
				<RowDefinition Height="*"/>
				<RowDefinition x:Name="RainRow" Height="6*"/>
			</Grid.RowDefinitions>
                <Path x:Name="CloudPath" Stroke="{Binding Foreground,ElementName=Root}" StrokeThickness="5" StrokeLineJoin="Round"
		 Stretch="Uniform" 
		Data="M20,50 H80 A 15,15 0 1 0 65,25  A 17,17 0 1 0 35,25  A 15,15, 0 1 0 20,50 Z"/>
		<Grid Grid.Row="2">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="*"/>
				<ColumnDefinition Width="2*"/>
				<ColumnDefinition x:Name="SecondRaindropColumn" Width="2*"/>
				<ColumnDefinition Width="*"/>
			</Grid.ColumnDefinitions>
		<Path x:Name="Raindrop" Fill="{Binding Foreground,ElementName=Root}" Grid.Column="1" Stretch="Uniform" Visibility="Collapsed"
		Data="M30,0 L23,10 A 9,9 0 1 0 37,10"/>
		<Ellipse x:Name="Hail" Fill="{Binding Foreground,ElementName=Root}" Grid.Column="1" Stretch="Uniform" Width="17" Height="17"
		Visibility="Collapsed"/>
		<Path x:Name="Snow" Stroke="{Binding Foreground,ElementName=Root}" Grid.Column="1" Stretch="Uniform" StrokeThickness="4" Visibility="Collapsed"
		Data="M0,-50 L0,50 M -43.3,25 L 43.3,-25 M -43.3,-25 L 43.3,25"/>
		<Path x:Name="Lightning" Fill="{Binding Foreground,ElementName=Root}" Grid.Column="1" Stretch="Uniform" Margin="0,-4,8,0"
		Data="M10,0 L-13,35 H3 L-17.3,60 H-5 L-18.4,80 L18,55 H4.7 L33,30 H16 L48,0" />
		<Path x:Name="Raindrop2" Fill="{Binding Foreground,ElementName=Root}" Grid.Column="2" Stretch="Uniform" Visibility="Collapsed"
		Data="M30,0 L23,10 A 9,9 0 1 0 37,10"/>
		<Ellipse x:Name="Hail2" Fill="{Binding Foreground,ElementName=Root}" Grid.Column="2" Stretch="Uniform" Width="17" Height="17"/>
		<Path x:Name="Snow2" Stroke="{Binding Foreground,ElementName=Root}" Grid.Column="2" Stretch="Uniform" StrokeThickness="4"
		Data="M0,-50 L0,50 M -43.3,25 L 43.3,-25 M -43.3,-25 L 43.3,25" Visibility="Collapsed"/>
		</Grid>
		</Grid>
		</Grid>
        <Border Name="FogPath" CornerRadius="15" Background="{Binding Foreground,ElementName=Root}" Margin="5,30,5,10" Opacity="0.7">
            <TextBlock Text="fog" Margin="10,0,10,5"
                   TextAlignment="Center" Foreground="Black" VerticalAlignment="Center"/>
        </Border>
        <Border Name="MistPath" CornerRadius="15" Background="{Binding Foreground,ElementName=Root}" Margin="5,30,5,10"  Opacity="0.7">
            <TextBlock Text="mist" Margin="10,0,10,5"
                   TextAlignment="Center" VerticalAlignment="Center" Foreground="Black"/>
        </Border>
    </Grid>
</UserControl>